<script>
export default {
  name: "detail_component",
  props: ['id', 'title', 'content', 'author', 'date'],
  beforeDestroy() {
    console.log(this);
  },
  mounted() {
    console.log(this);
  },
}
</script>

<template>
<div>
  <ul>
    <li>id：{{id}}</li>
    <li>标题：{{title}}</li>
    <li>内容：{{content}}</li>
    <li>作者：{{author}}</li>
    <li>日期：{{date}}</li>
  </ul>
</div>
</template>

<style scoped>

</style>